* {
    padding: 0;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

nav {
    padding: 0 80px;
    display: flex;

    height: 100px;
    background-color: #CCC;
}

nav>span {
    flex: 1;
    line-height: 100px;
}

main {
    flex: 1;
    /* color: white; */
    padding: 0 80px;
    background-color: rgb(235, 225, 225);
    overflow: hidden;
    overflow-y: auto;
}

.row {
    display: flex;
    height: 150px;
    line-height: 150px;
}

.row>span:nth-of-type(2) {
    background-color: pink;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row>span {
    flex: 1;
}



img {
    width: 100%;
    height: 100%;
}



footer {
    display: flex;
    height: 100px;
    background-color: #CCC;
}

footer>span {
    flex: 1;
    line-height: 100px;
}

